@import '../../mixins/mixins';
.dashboard_container{
  background-color: #fff;
  width:100%;
  min-height: calc(100vh - 146px);
  overflow: hidden;
  .dashboard_content{
    margin: 20px;
      //折线图
      .line-chart--container{
          width:100%;
          //background-color: pink;
          @include clearFloatByAfter();
          // 访客量
          .visitor-volume--container{
              width:48%;
              height:400px;
              float: left;
              p{
                  font-size: 14px;
                  text-align: center;
              }
          }
          // 新增文章数量
          .add-article--container{
              width:48%;
              height:400px;
              float: right;
              p{
                  font-size: 14px;
                  text-align: center;
              }
          }
      }
  }
  //// 图形区域
  //.graphic_container {
  //  width:100%;
  //  ul{
  //    padding: 0;
  //    margin: 0;
  //    @include clearFloatByAfter();
  //    li{
  //      padding: 0;
  //      margin: 0;
  //      width:22%;
  //      height:125px;
  //      float: left;
  //      list-style: none;
  //      &:not(:first-child){
  //        margin-left:4%;
  //      }
  //      .graphic_left_container{
  //        width:25%;
  //        height:100%;
  //        float: left;
  //        i{
  //          display: block;
  //          line-height: 125px;
  //          font-size: 40px;
  //          color:#fff;
  //          text-align: center;
  //        }
  //      }
  //      .graphic_right_container{
  //        background-color: #fff;
  //        width:75%;
  //        height:100%;
  //        float: right;
  //        p{
  //          text-align: center;
  //          padding: 0;
  //          margin: 0;
  //          &:nth-child(1){
  //            font-size: 50px;
  //            color: #8A8A8A;
  //            line-height: 80px;
  //          }
  //          &:nth-child(2){
  //            font-size: 14px;
  //            color: #2B2E33;
  //            font-weight: 700;
  //            line-height: 20px;
  //          }
  //        }
  //      }
  //      // 绿色图标
  //      .graphic_Green{
  //        background-color: #1CC09F;
  //      }
  //    }
  //  }
  //}
}

